<!doctype html>
<html lang="en" id="enroll_maglist" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <!-- <title>{{titles[type - 1]}}</title> -->
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_myconcern.css">
    <link rel="stylesheet" href="css/uc_userlist.css">
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        {{titles[type - 1]}}
    </div>
    <div class="right"><a href=""></a></div>
</div>
<div class="list">
    <div class="item" v-for="item in renderObj">
        <img v-on:click="go('friend_detail.html?id=' + item[(type==1||type==3)?'memberB':'memberA'].id)" v-bind:src="item[(type==1||type==3)?'memberB':'memberA'].headImg">
        <div class="infos">
            <span class="date">{{item.concernTime}}</span>
            <p class="name">
                <span v-on:click="go('friend_detail.html?id=' + item[(type==1||type==3)?'memberB':'memberA'].id)">{{item[(type==1||type==3)?'memberB':'memberA'].nickName}}</span>
                <a v-if="(page==2&&type==2)" v-on:click="reply(item.memberA.id)">回复</a>
                <a v-if="(page==2&&type==4)" v-on:click="sayhi(item.memberA.id)">回复</a>
            </p>
            <p class="info">
                {{item[(type==1||type==3)?'memberB':'memberA'].age}}岁，{{item[(type==1||type==3)?'memberB':'memberA'].cregion.name}} {{item[(type==1||type==3)?'memberB':'memberA'].xregion.name}}，{{item[(type==1||type==3)?'memberB':'memberA'].height}}cm
                <a v-if="(page==2&&type==2)||(page==2&&type==4)" v-on:click="complain(item.memberA.id)">投诉</a>
            </p>
            <p class="brief" v-if="page==1">{{item[(type==1||type==3)?'memberB':'memberA'].monologue}}</p>
            <p class="brief" v-if="page==2">{{item.msg}}<a v-if="(page==2&&type==2)||(page==2&&type==4)" v-on:click="blackList(item.memberA.id)">拉黑</a></p>
        </div>
        <!--<div class="handle">
            <a href="">回留言</a><br>
            <a href="">投诉</a><br>
            <a href="">拉黑</a>
        </div>-->
    </div>
</div>

<div class="modal" id="greet" v-if="msgDialog">
    <div class="main">
        <i @click="switchSayhi()" class="iconfont icon-x"></i>
        <div class="content">
            <div v-for="msg in msgList"
                 :class=" {'cur':selectMsgIndex==$index }"
                 @click="selectMsgFn($index,msg.content)">
                {{msg.content}}
            </div>
        </div>
        <div class="modal-footer">
            <a @click="exchangeMsg()" href="javascript:;">换一组</a>
            <a @click="submitMsg()" href="javascript:;">打招呼</a>
        </div>
    </div>
</div>

<div class="weui_dialog_confirm" v-if="showReply || showComplain">
    <div class="weui_mask"></div>
    <div class="weui_dialog">
        <div class="close" @click="hideDialog()">
            <i class="iconfont icon-x"></i>
        </div>
        <div class="content">
            <div class="textarea">
                内容 <textarea v-model="publicContent"></textarea>
            </div>
        </div>
        <div class="weui_dialog_ft">
            <a @click="hideDialog()" class="weui_btn_dialog default">取消</a>
            <a @click="submitContent()" href="javascript:;" class="weui_btn_dialog primary">发送</a>
        </div>
    </div>
</div>
</body>
<script>var app = 'enroll_maglist';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>